<!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo('charset'); ?>" />
        <title><?php
/*
 * Print the <title> tag based on what is being viewed.
 */
global $page, $paged;

wp_title('|', true, 'right');

// Add the blog name.
bloginfo('name');

// Add the blog description for the home/front page.
$site_description = get_bloginfo('description', 'display');
if ($site_description && ( is_home() || is_front_page() ))
    echo " | $site_description";

// Add a page number if necessary:
if ($paged >= 2 || $page >= 2)
    echo ' | ' . sprintf(__('Page %s', 'Organisation'), max($paged, $page));
?></title>
        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

        <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/jquery.treeview/jquery.treeview.css" />
        <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/jquery.treeview/jquery.js"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/jquery.treeview/lib/jquery.cookie.js" type="text/javascript"></script>
        <script src="<?php echo get_template_directory_uri(); ?>/jquery.treeview/jquery.treeview.js" type="text/javascript"></script>
<meta name="google-translate-customization" content="bcb55c24f53197fa-11ae22db86eadb0b-g092438e0942e1c86-20"></meta>
        <script type="text/javascript">
            $(document).ready(function(){
		
                // first example
                $(".menu-tree-wrapper .menu-tree-ul").treeview({
                    collapsed: true,
                    unique: true,
                    persist: "location"
                });
            });
        </script>
        <style>

            #topnav {
                background: none repeat scroll 0 0 #F0F0F0;
                height: 29px;
                line-height: 29px;
                padding: 0 12px;
            }
            #main .widget-area ul ul {
                margin-left: 0px
            }
            #menu-main-menu-1{
                width:208px;
            }
            div .menu-tree-wrapper{
                background-color: #005CA1;
            }
/*            div .menu-tree-wrapper ul li a{
             color:#ffffff   
            }*/
            
            div ul li .menu-item a{
                color:#ffffff;
                font-size:14px;
            }
            div ul li .collapsable a{
                color:#005CA1 ;
                font-size:16px;
            }
            div ul li .collapsable ul li a{
                color:#005CA1 ;
                font-size:14px;
            }
             
             .treeview li {
                 background: none;
             }
             div .menu-tree-wrapper ul li:not(.collapsable){
                background:  url("<?php echo get_template_directory_uri(); ?>/images/blue_dot_sep.gif") repeat-x scroll left bottom transparent;
                padding:8px 12px;
                
             }
             div ul li .collapsable{
                background-color: #FFFFFF;

            }
            div .menu-tree-wrapper ul li ul.sub-menu li{
                background:none;
                padding:2px 15px;
            }
        </style> 
        <?php
        wp_head();
        ?>
    </head>

    <body <?php body_class(); ?>>
        <div class="full-wrapper">
            <div id="topnav">
                <div class="custom clearfix" style="width: 100%">
                    <div class="left google_translate_wrapper" style="width: 320px;">
                        <div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
                        
                        
                    </div>

                <!--				<div id="language">
	<ul>
		<li><a href="fr/unesco/">Français</a></li> 
                                        
				  <li><a href="es/unesco/">Español</a></li> 
                                        
				  <li><a href="ru/unesco/">Русский</a></li> 
                                        
				  <li><a href="ar/unesco/">العربية</a></li> 
                                        
				  <li><a href="zh/unesco/">中文</a></li> 
                                        
                                                 
                                        
		</ul>
	</div>-->
                <!-- /end language -->
                <?php
                //get_search_form(); 
                //  
                search_with_button_submit();
                ?>
                <div class="social-icon right">
                    <?php 
                            $bhutanese_settings = get_option(BHUTANESE_REFUGEES_OPTION_NAME);
                            $facebook_url = (isset($bhutanese_settings["facebook_url"]) && $bhutanese_settings["facebook_url"]!="")? $bhutanese_settings["facebook_url"]:"http://facebook.com";
                            $twitter_url = (isset($bhutanese_settings["twitter_url"]) && $bhutanese_settings["twitter_url"]!="")? $bhutanese_settings["twitter_url"]:"http://twitter.com";
                            $youtube_url = (isset($bhutanese_settings["youtube_url"]) && $bhutanese_settings["youtube_url"]!="")? $bhutanese_settings["youtube_url"]:"http://facebook.com";
                            ?>
                    <ul class="social_network_wrapper clearfix">
                        <li><a href="<?php echo $facebook_url;?>" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/images/social/facebook.png" title="facebook" > </a></li>
                        <li><a href="<?php echo $twitter_url;?>" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/images/social/twitter.png" title="twitter"> </a></li>
                        <li><a href="<?php echo $youtube_url;?>" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/images/social/youtube.png" title="youtube"></a></li>
                        <li><a href="<?php bloginfo('rss_url'); ?>" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/images/social/rss.png" title="rss feeds"></a></li>
                    </ul> 
                </div>
                </div>
            </div>
            <div id="access" role="navigation" style="">
                <?php bhutanese_refugees_main_nav(BHUTANESE_REFUGEES_MENU_NAME); ?>
            </div>
            <div class="">
                <!--            <div id="header" class="content-wrapper banner-blue">-->
                <div id="header" class="content-wrapper banner-header_">
                    <div id="masthead" style="line-height: 0;">
                        <div id="logo-container" class="clearfix" style="width: 100%">
                            <div class="left logo" style="position: relative;">
                                <span style="display: none;position: absolute;margin:7px; font-size: 25px;color: #FFBD00;line-height: 2.5em;letter-spacing: 0.1em;font-weight: bold; text-shadow: 3px 3px 3px #000000;">NRB</span>
                                 <a href="<?php echo get_home_url();?>" title="<?php echo bloginfo('name'); ?>">
                                <img width="80" src="<?php echo get_template_directory_uri(); ?>/images/logo.gif" alt="logo" />
                                 </a>
                            </div>
                            <div class="left" style="padding:5px 0px 0px 10px;">
                                <a href="<?php echo get_home_url();?>" title="<?php echo bloginfo('name'); ?>">
                                <img src="<?php echo get_template_directory_uri(); ?>/images/logo-Glow.png" style="height:70px"> 
                                </a>
                                <br/>



                                <span class="clear"></span>
                                <!--                            <h2 class="white" style="font-size: 3em; line-height: 1em;">Voice of Non-Resident Bhutanese</h2>-->


                            </div>    
                            <!--                        <div class="right clearfix">
                                                        <ul class="list-style-none">
                                                            <li><a href="#">sitemap</a></li>
                                                            <li><a href="#">contact</a></li>
                                                            <li><a href="#">feedback</a></li>
                                                        </ul>
                                                    </div>
                                                    <div class="right" style="margin-top: 50px;clear: right;">
                            <?php get_search_form();
                            ?>
                                                    </div>-->
                            <div class="right" style="">
                                 <a href="<?php echo get_home_url();?>" title="<?php echo bloginfo('name'); ?>">
                                <img width="120" src="<?php echo get_template_directory_uri(); ?>/images/bhutan.gif" alt="Bhutan logo" />
                                 </a>
                            </div>
                            <div class="clear"></div>
                        </div>


                    </div><!-- #masthead -->
                </div><!-- #header -->

            </div>

            <!-- #access -->
            <!--    </div>-->

            <div id="wrapper" class="hfeed">


                <div id="main" style="padding-top: 10px;padding-bottom: 20px;">